<template>
      <!-- 轮播图 -->
      <div class="carousel-container">
        <el-carousel :interval="4000" type="card" height="400px" >
          <el-carousel-item v-for="item in 6" :key="item">
             <h3 justify="center">{{ item }}</h3>
          </el-carousel-item>
        </el-carousel>
      </div>
          <!-- 轮播图END -->
      <div class="carousel-container2">    
           <el-card style="width: 200px;height: 200px;">
            <template #header>树叶</template>
             <img src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
             style="margin: -20px;height: 145px;width: 200px;"/>
          </el-card>
      </div>
	  <AllView/>
  </template>
  
<script setup lang="ts">
import AllView from "./AllView.vue"
</script>
   
<style >
  .carousel-container {
  position: relative;
  top: 10px; /* 将轮播图下调 100px */
}
.carousel-container2{
  position: relative;
  top: 20px; /* 将轮播图下调 100px */
}

  .el-carousel__item h3 {
  color: #475669;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
  text-align: center;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
  </style>
  